<template>
  <div>
    <mt-header title="设置"></mt-header>
    <mt-cell title="缓存管理">
      <mt-button @click="clear_cache" size="small" type="primary">清除</mt-button>
    </mt-cell>
    <mt-cell title="登录" to="login">
    </mt-cell>
    <mt-cell title="注册" to="register">
    </mt-cell>
    <mt-cell title="公众号" is-link
    </mt-cell>
    <mt-cell title="作者" to="disclaimer">
      <span>养猫的TeresaH</span>
    </mt-cell>
    <mt-cell title="版本">
      <span>v2.0.6</span>
    </mt-cell>
    <tabbar-components tabindex="setting"></tabbar-components>
  </div>
</template>

<script type="text/babel">
  import TabbarComponents from './tabbar.vue'
  import {Toast, MessageBox} from 'mint-ui'

  export default {
    data() {
      return {}
    },
    methods: {
      clear_cache: function () {
        localStorage.clear();
        Toast({
          message: '操作成功',
          duration: 1500,
        });
      }
    },
    components: {
      TabbarComponents,
    }
  }
</script>

<style lang="css" rel="stylesheet/css">

</style>
